<template>
	<view class="hot-case">
		<view class="flex align-center justify-between px-2">
			<text class="font-md">热门分类</text>
			<view 
			class="flex align-center font text-secondary animated"
			hover-class="rubberBand"
			@click="openMore()">
				更多<text class="iconfont icon-jinru"></text>
			</view>
		</view>
		<view class="flex align-center py-2 px-2 border-bottom">
			<view 
			class="rounded bg-light mx-1 px-2 animated"
			hover-class="rubberBand"
			v-for="(item,index) in hotCate"
			:key="index"
			@click="openDetail(item)">
				{{ item.name}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['hotCate'],
		methods: {
			//更多
			openMore() {
				//跳转话题分类页
				uni.navigateTo({
					url: '/pages/topic-nav/topic-nav'
				})
			},
			//打开话题分类
			openDetail(item) {
				console.log('分类',item)
			}
		}
	}
</script>

<style>
</style>